/* 全局间距优化样式 */

/* 布局容器间距优化 */
.main-layout .main-content,
.dashboard-container .main-content,
.content-wrapper {
  padding: 12px !important;
}

/* 卡片组件间距优化 */
.el-card {
  margin-bottom: 12px !important;
}

.el-card__header {
  padding: 12px 16px !important;
}

.el-card__body {
  padding: 16px !important;
}

/* 表格组件间距优化 */
.el-table {
  margin-bottom: 12px !important;
}

.el-table th,
.el-table td {
  padding: 8px 12px !important;
}

.el-table .el-table__row {
  height: 48px !important;
}

.el-table .el-table__header-row {
  height: 44px !important;
}

/* 表单组件间距优化 */
.el-form {
  margin-bottom: 12px !important;
}

.el-form-item {
  margin-bottom: 16px !important;
}

.el-form-item__label {
  padding-bottom: 4px !important;
}

/* 工具栏间距优化 */
.toolbar,
.search-toolbar,
.action-toolbar {
  padding: 12px 16px !important;
  margin-bottom: 8px !important;
}

/* 分页器间距优化 */
.el-pagination {
  padding: 12px 16px !important;
  margin-top: 8px !important;
}

.pagination,
.pagination-container {
  padding: 12px 16px !important;
  min-height: 52px !important;
}

/* 按钮组间距优化 */
.el-button-group .el-button {
  margin-right: 0 !important;
}

.action-buttons .el-button {
  margin-right: 8px !important;
}

.action-buttons .el-button:last-child {
  margin-right: 0 !important;
}

/* 面包屑导航间距优化 */
.el-breadcrumb {
  padding: 8px 12px !important;
  margin-bottom: 12px !important;
}

/* 标签页间距优化 */
.el-tabs__header {
  margin-bottom: 12px !important;
}

.el-tabs__content {
  padding: 12px 0 !important;
}

/* 对话框间距优化 */
.el-dialog__header {
  padding: 16px 20px 12px !important;
}

.el-dialog__body {
  padding: 12px 20px !important;
}

.el-dialog__footer {
  padding: 12px 20px 16px !important;
}

/* 抽屉组件间距优化 */
.el-drawer__header {
  padding: 16px 20px 12px !important;
}

.el-drawer__body {
  padding: 12px 20px !important;
}

/* 下拉菜单间距优化 */
.el-dropdown-menu {
  padding: 8px 0 !important;
}

.el-dropdown-menu__item {
  padding: 8px 16px !important;
}

/* 消息提示间距优化 */
.el-message {
  padding: 12px 16px !important;
}

.el-notification {
  padding: 16px !important;
}

/* 输入框组间距优化 */
.el-input-group {
  margin-bottom: 12px !important;
}

.el-input-group__prepend,
.el-input-group__append {
  padding: 0 12px !important;
}

/* 选择器间距优化 */
.el-select {
  margin-bottom: 12px !important;
}

.el-select-dropdown {
  padding: 8px 0 !important;
}

.el-select-dropdown__item {
  padding: 8px 16px !important;
}

/* 日期选择器间距优化 */
.el-date-editor {
  margin-bottom: 12px !important;
}

.el-picker-panel {
  padding: 12px !important;
}

/* 时间选择器间距优化 */
.el-time-picker {
  margin-bottom: 12px !important;
}

/* 上传组件间距优化 */
.el-upload {
  margin-bottom: 12px !important;
}

.el-upload-list {
  margin-top: 8px !important;
}

/* 进度条间距优化 */
.el-progress {
  margin-bottom: 12px !important;
}

/* 步骤条间距优化 */
.el-steps {
  margin-bottom: 16px !important;
}

/* 时间线间距优化 */
.el-timeline {
  padding: 12px 0 !important;
}

.el-timeline-item {
  padding-bottom: 16px !important;
}

/* 折叠面板间距优化 */
.el-collapse {
  margin-bottom: 12px !important;
}

.el-collapse-item__header {
  padding: 12px 16px !important;
}

.el-collapse-item__content {
  padding: 12px 16px !important;
}

/* 树形控件间距优化 */
.el-tree {
  padding: 8px !important;
}

.el-tree-node__content {
  padding: 4px 8px !important;
}

/* 菜单组件间距优化 */
.el-menu {
  padding: 8px 0 !important;
}

.el-menu-item,
.el-sub-menu__title {
  padding: 8px 16px !important;
  margin: 2px 8px !important;
}

/* 侧边栏间距优化 */
.sidebar {
  padding: 0 !important;
}

.sidebar .logo {
  padding: 12px 16px !important;
}

/* 头部导航间距优化 */
.header {
  padding: 0 16px !important;
}

.header-left,
.header-right {
  gap: 12px !important;
}

/* 页面包装器间距优化 */
.page-wrapper {
  padding: 12px !important;
}

.page-header {
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
}

/* 统计卡片间距优化 */
.stats-card,
.tech-stats-card {
  padding: 16px !important;
  margin-bottom: 12px !important;
}

/* 搜索表单间距优化 */
.search-form,
.search-container {
  padding: 12px 16px !important;
  margin-bottom: 12px !important;
}

/* 内容区域间距优化 */
.content-area,
.main-content-area {
  padding: 12px !important;
}

/* 响应式间距调整 */
@media (max-width: 768px) {
  .main-layout .main-content,
  .dashboard-container .main-content,
  .content-wrapper {
    padding: 8px !important;
  }
  
  .el-card__body {
    padding: 12px !important;
  }
  
  .toolbar,
  .search-toolbar,
  .action-toolbar {
    padding: 8px 12px !important;
  }
  
  .page-wrapper {
    padding: 8px !important;
  }
  
  .search-form,
  .search-container {
    padding: 8px 12px !important;
  }
}

/* 紧凑模式 */
.compact-mode .el-table th,
.compact-mode .el-table td {
  padding: 6px 8px !important;
}

.compact-mode .el-table .el-table__row {
  height: 40px !important;
}

.compact-mode .el-form-item {
  margin-bottom: 12px !important;
}

.compact-mode .toolbar,
.compact-mode .search-toolbar,
.compact-mode .action-toolbar {
  padding: 8px 12px !important;
}
